<template>
    <div id="comment-section">
        <h2 style="text-align: left;">评论区</h2>
        <div class="comment-box">
            <comment-box :articleId="props.articleId"></comment-box>
        </div>
        <div class="comment-content">
            <article-comments :articleId="props.articleId"></article-comments>
        </div>
    </div>
</template>

<script setup lang="ts">
import CommentBox from '@/components/comment/CommentBox.vue';
import ArticleComments from '@/components/comment/ArticleComments.vue';
const props = defineProps({
    articleId: Number,
})
//加载评论区的内容
</script>

<style scoped>
#comment-section {
    width: 100%;
    box-sizing: border-box;
}

.comment-box {
    width: 100%;
}
</style>
